<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="idformBitacoraSem">
            <center>
                <p:growl id="growl"></p:growl>
                <p:messages showSummary="true" id="msgForm"/>
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ">

                    <left>
                        <p:panel header="Bitácora Semanal" >
                            <h:panelGrid columns="2" >
                                <h:outputText value="Nombre: " />
                                <h:inputText value="#{fSeguimBitacoraSem.estudiante.nombresEstudiante} #{fSeguimBitacoraSem.estudiante.apellido1Estudiante} #{fSeguimBitacoraSem.estudiante.apellido2Estudiante}" id ="idNombreEstudiante" size="55" readonly="true" />	
                                <h:outputText value="Empresa: " />
                                <p:inputText value="#{fSeguimBitacoraSem.seguimientoBitacoraSemanal.empresa}" id="idNomEmpresa" size="55"/>
                                <h:outputText value="Proyecto: " />
                                <p:inputText value="#{fSeguimBitacoraSem.seguimientoBitacoraSemanal.proyecto}" id="idNombreProyecto" size="55"/>	
                                <h:outputText value="Fecha Inicial: " />
                                <p:calendar value="#{fSeguimBitacoraSem.seguimientoBitacoraSemanal.fechaInicial}" id="idFechaInicialBitacSemanal" showOn="button" />
                                <h:outputText value="Fecha Final: " />
                                <p:calendar value="#{fSeguimBitacoraSem.seguimientoBitacoraSemanal.fechaFinal}" id="idFehaFinalBitacSemanaL" showOn="button"/>
                            </h:panelGrid>
                        </p:panel>
                    </left>

                    <p:panel header="Seguimientos">
                        <p:commandButton value="Agregar seguimiento" onclick="dialogSeguimientos.show()" /><br/>
                        <h:panelGroup id="seguimientoSemanalGroup">
                            <p:dataTable value="#{fSeguimBitacoraSem.listaDetalleBitacoraSemanal}" var="detalleSeguimiento" binding="#{fSeguimBitacoraSem.htmlDataTableSeguimientos}">
                            <p:column headerText="Hito" style="width: 96%">
                                <h:outputText value="#{detalleSeguimiento.hito}"/>
                            </p:column>
                            <p:column headerText="Fecha">
                                <h:outputText value="#{detalleSeguimiento.dia}">
                                    <f:convertDateTime pattern="d/M/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Actividad">
                                <h:outputText value="#{detalleSeguimiento.actividad}"/>
                            </p:column>
                            <p:column headerText="Duración (horas)">
                                <h:outputText value="#{detalleSeguimiento.duracionHoras}"/>
                            </p:column>
                            <p:column headerText="Observaciones">
                                <h:outputText value="#{detalleSeguimiento.observaciones}"/>
                            </p:column>
                            <p:column> 
                                <p:commandButton icon="ui-icon-trash" process="@this" oncomplete="dialogConfirmacion.show()" title="Eliminar seguimiento" actionListener="#{fSeguimBitacoraSem.cargarIndice(actionEvent)}">
                                    <f:param name="param" value="#{detalleSeguimiento.idDetalleBitacoraSemanal}"/>
                                </p:commandButton>                                
                            </p:column>
                        </p:dataTable>
                        </h:panelGroup>
                    </p:panel>

                    <!--<p:panel>
                        <h:panelGrid columns="2" cellpadding="8" >
                            <h:outputText value="Estudiante Practicante: " /> 
                            <p:selectBooleanCheckbox value="" /> 

                            <h:outputText value="Supervisor Universidad: " />  
                            <p:selectBooleanCheckbox value="" />
                        </h:panelGrid>
                    </p:panel>   -->

                    <p:panel>
                        <center>
                            <p:commandButton value="Guardar" rendered="#{fSeguimBitacoraSem.renderedBotonGuardar}" id="idBtnGuardarBitacSemanal" update="msgForm" onclick="confirmGuardar.show()"/>
                            <p:commandButton value="Cancelar" action="faces/Menu.xhtml" id="idBtnCancelarBitacSemanal"/>
                            <p:commandButton value="Imprimir o descargar" rendered="#{fSeguimBitacoraSem.renderedBotonImprimir}" type="button" icon="ui-icon-print">  
                                    <p:printer target="idformBitacoraSem" />  
                            </p:commandButton>
                        </center>
                    </p:panel>
                </p:panel>   
            </center>
            <p:dialog widgetVar="dialogSeguimientos" header="Seguimientos semanales">
                <h:panelGroup>
                    <table>
                        <tr>
                            <p:panelGrid columns="2" >
                                <h:outputLabel value="Hito: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" id="idHito" value="#{fSeguimBitacoraSem.hito}"/>
                                <h:outputLabel value="Día: " style="font-weight: bold"/>
                                <p:calendar value="#{fSeguimBitacoraSem.dia}" id="idDia" showOn="button" />
                                <h:outputLabel value="Actividad: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" id="idActividad" value="#{fSeguimBitacoraSem.actividad}"/>
                                <h:outputLabel value="Duración: " style="font-weight: bold"/>
                                <p:inputText maxlength="500" id="idDuracion" value="#{fSeguimBitacoraSem.duracionHoras}"/>
                                <h:outputLabel value="Observaciones: " style="font-weight: bold"/>
                                <p:inputText  maxlength="500" id="idObservaciones" value="#{fSeguimBitacoraSem.observaciones}"/>      
                            </p:panelGrid>
                            <p:panelGrid columns="1" >
                                <p:commandButton value="Agregar Seguimiento" onclick="dialogSeguimientos.hide()" actionListener="#{fSeguimBitacoraSem.cargarSeguimientos(actionEvent)}" update="seguimientoSemanalGroup,idHito,idDia,idActividad,idDuracion,idObservaciones" process="@this,idHito,idDia,idActividad,idDuracion,idObservaciones" />
                            </p:panelGrid>               
                        </tr>

                    </table>
                </h:panelGroup>
            </p:dialog>
            <p:dialog widgetVar="dialogConfirmacion" header="Mensaje de confirmación" id="dialogConfirmacion">
                <table >
                    <tr>
                        <td>
                            <h:outputLabel value="¿Está seguro de eliminar el registro?"></h:outputLabel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p:commandButton value="Si" actionListener="#{fSeguimBitacoraSem.quitarSeguimientos(actionEvent)}"  process="@this" update=":idformBitacoraSem:seguimientoSemanalGroup,dialogConfirmacion" oncomplete="dialogConfirmacion.hide()"/>                            
                        </td>
                        <td>
                            <p:commandButton value="No" onclick="dialogConfirmacion.hide()"/>
                        </td>
                    </tr>
                </table>                
            </p:dialog>
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{fSeguimBitacoraSem.DiligenciarFormato}"
                                 oncomplete="confirmGuardar.hide()" update=":idformBitacoraSem:growl,seguimientoSemanalGroup,idNomEmpresa,idNombreProyecto,idFechaInicialBitacSemanal,idFehaFinalBitacSemanaL"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
        </h:form>
    </ui:define>
</ui:composition>
